<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
<meta name="generator" content="Doxygen 1.9.1"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>VR Sketch Design: Y:/Coding/Unity/VRDesignProject/Assets/Scripts/DragImage.cs 源文件</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="dynsections.js"></script>
<link href="doxygen.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
 <tbody>
 <tr style="height: 56px;">
  <td id="projectalign" style="padding-left: 0.5em;">
   <div id="projectname">VR Sketch Design
   &#160;<span id="projectnumber">1.0</span>
   </div>
   <div id="projectbrief">VR Project</div>
  </td>
 </tr>
 </tbody>
</table>
</div>
<!-- end header part -->
<!-- 制作者 Doxygen 1.9.1 -->
<script type="text/javascript" src="menudata.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:cf05388f2679ee054f2beb29a391d25f4e673ac3&amp;dn=gpl-2.0.txt GPL-v2 */
$(function() {
  initMenu('',false,false,'search.php','搜索');
});
/* @license-end */</script>
<div id="main-nav"></div>
<div id="nav-path" class="navpath">
  <ul>
<li class="navelem"><a class="el" href="dir_b93ca4f67e5c4f3d8967bcc66a8efe61.html">Y:</a></li><li class="navelem"><a class="el" href="dir_657949dcc09204b591ba08b2dd60005a.html">Coding</a></li><li class="navelem"><a class="el" href="dir_9e3bf1a2f1e8bb1f1076cb3a500c0924.html">Unity</a></li><li class="navelem"><a class="el" href="dir_d92c12ce3d70d23921038a5d2ecff28d.html">VRDesignProject</a></li><li class="navelem"><a class="el" href="dir_bbf63476caace77856cc7cbaedc98ba5.html">Assets</a></li><li class="navelem"><a class="el" href="dir_a6ab9145be13875259d1d9e44e1e8835.html">Scripts</a></li>  </ul>
</div>
</div><!-- top -->
<div class="header">
  <div class="headertitle">
<div class="title">DragImage.cs</div>  </div>
</div><!--header-->
<div class="contents">
<a href="_drag_image_8cs.html">浏览该文件的文档.</a><div class="fragment"><div class="line"><a name="l00001"></a><span class="lineno">    1</span>&#160;<span class="keyword">using</span> System.Collections.Generic;</div>
<div class="line"><a name="l00002"></a><span class="lineno">    2</span>&#160;<span class="keyword">using</span> UnityEngine;</div>
<div class="line"><a name="l00003"></a><span class="lineno">    3</span>&#160;<span class="keyword">using</span> UnityEngine.EventSystems;</div>
<div class="line"><a name="l00004"></a><span class="lineno">    4</span>&#160;<span class="keyword">using</span> UnityEngine.UI;</div>
<div class="line"><a name="l00005"></a><span class="lineno">    5</span>&#160; </div>
<div class="line"><a name="l00006"></a><span class="lineno">    6</span>&#160;[RequireComponent(typeof(Image))]</div>
<div class="line"><a name="l00007"></a><span class="lineno"><a class="line" href="class_drag_image.html">    7</a></span>&#160;<span class="keyword">public</span> <span class="keyword">class </span><a class="code" href="class_drag_image.html">DragImage</a> : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler</div>
<div class="line"><a name="l00008"></a><span class="lineno">    8</span>&#160;{</div>
<div class="line"><a name="l00009"></a><span class="lineno"><a class="line" href="class_drag_image.html#a25a518b0d776582c0bf370ce66752163">    9</a></span>&#160;    <span class="keyword">public</span> <span class="keywordtype">bool</span> <a class="code" href="class_drag_image.html#a25a518b0d776582c0bf370ce66752163">dragOnSurfaces</a> = <span class="keyword">true</span>;</div>
<div class="line"><a name="l00010"></a><span class="lineno">   10</span>&#160; </div>
<div class="line"><a name="l00011"></a><span class="lineno"><a class="line" href="class_drag_image.html#af778a9c4debd5929d7e224a70f02fee0">   11</a></span>&#160;    <span class="keyword">private</span> Dictionary&lt;int, GameObject&gt; <a class="code" href="class_drag_image.html#af778a9c4debd5929d7e224a70f02fee0">m_DraggingIcons</a> = <span class="keyword">new</span> Dictionary&lt;int, GameObject&gt;();</div>
<div class="line"><a name="l00012"></a><span class="lineno"><a class="line" href="class_drag_image.html#ace12841ec549dfb24243a30a2c244e09">   12</a></span>&#160;    <span class="keyword">private</span> Dictionary&lt;int, RectTransform&gt; <a class="code" href="class_drag_image.html#ace12841ec549dfb24243a30a2c244e09">m_DraggingPlanes</a> = <span class="keyword">new</span> Dictionary&lt;int, RectTransform&gt;();</div>
<div class="line"><a name="l00013"></a><span class="lineno">   13</span>&#160; </div>
<div class="line"><a name="l00014"></a><span class="lineno"><a class="line" href="class_drag_image.html#a5fc273459dc3290468fe9f1d389e94f2">   14</a></span>&#160;    <span class="keyword">public</span> <span class="keywordtype">void</span> <a class="code" href="class_drag_image.html#a5fc273459dc3290468fe9f1d389e94f2">OnBeginDrag</a>(PointerEventData eventData)</div>
<div class="line"><a name="l00015"></a><span class="lineno">   15</span>&#160;    {</div>
<div class="line"><a name="l00016"></a><span class="lineno">   16</span>&#160;        var canvas = transform.parent == <span class="keyword">null</span> ? null : transform.parent.GetComponentInParent&lt;Canvas&gt;(); <span class="comment">// 获取所在画布</span></div>
<div class="line"><a name="l00017"></a><span class="lineno">   17</span>&#160;        <span class="keywordflow">if</span> (canvas == <span class="keyword">null</span>) { <span class="keywordflow">return</span>; }</div>
<div class="line"><a name="l00018"></a><span class="lineno">   18</span>&#160; </div>
<div class="line"><a name="l00020"></a><span class="lineno">   20</span>&#160;        <span class="comment">// What we want to do is create an icon for this.</span></div>
<div class="line"><a name="l00021"></a><span class="lineno">   21</span>&#160;        var draggingIcon = <span class="keyword">new</span> GameObject(<span class="stringliteral">&quot;icon&quot;</span>);</div>
<div class="line"><a name="l00022"></a><span class="lineno">   22</span>&#160;        <a class="code" href="class_drag_image.html#af778a9c4debd5929d7e224a70f02fee0">m_DraggingIcons</a>[eventData.pointerId] = draggingIcon;</div>
<div class="line"><a name="l00023"></a><span class="lineno">   23</span>&#160; </div>
<div class="line"><a name="l00024"></a><span class="lineno">   24</span>&#160;        draggingIcon.transform.SetParent(canvas.transform, <span class="keyword">false</span>);</div>
<div class="line"><a name="l00025"></a><span class="lineno">   25</span>&#160;        draggingIcon.transform.SetAsLastSibling();  <span class="comment">// 设置为最后渲染，会把先渲染的挡住</span></div>
<div class="line"><a name="l00026"></a><span class="lineno">   26</span>&#160; </div>
<div class="line"><a name="l00027"></a><span class="lineno">   27</span>&#160; </div>
<div class="line"><a name="l00028"></a><span class="lineno">   28</span>&#160;        var draggingImage = draggingIcon.AddComponent&lt;Image&gt;();</div>
<div class="line"><a name="l00029"></a><span class="lineno">   29</span>&#160;        <span class="comment">// The icon will be under the cursor.</span></div>
<div class="line"><a name="l00030"></a><span class="lineno">   30</span>&#160;        <span class="comment">// We want it to be ignored by the event system.</span></div>
<div class="line"><a name="l00031"></a><span class="lineno">   31</span>&#160;        var draggingGroup = draggingIcon.AddComponent&lt;CanvasGroup&gt;();</div>
<div class="line"><a name="l00032"></a><span class="lineno">   32</span>&#160;        draggingGroup.blocksRaycasts = <span class="keyword">false</span>;</div>
<div class="line"><a name="l00033"></a><span class="lineno">   33</span>&#160;        draggingImage.sprite = GetComponent&lt;Image&gt;().sprite;</div>
<div class="line"><a name="l00034"></a><span class="lineno">   34</span>&#160; </div>
<div class="line"><a name="l00035"></a><span class="lineno">   35</span>&#160;        <span class="comment">//var rectTransform = GetComponent&lt;RectTransform&gt;();</span></div>
<div class="line"><a name="l00036"></a><span class="lineno">   36</span>&#160;        draggingImage.SetNativeSize();</div>
<div class="line"><a name="l00037"></a><span class="lineno">   37</span>&#160;        <span class="comment">//draggingImage.rectTransform.sizeDelta = rectTransform.rect.size;</span></div>
<div class="line"><a name="l00038"></a><span class="lineno">   38</span>&#160; </div>
<div class="line"><a name="l00039"></a><span class="lineno">   39</span>&#160;        <a class="code" href="class_drag_image.html#ace12841ec549dfb24243a30a2c244e09">m_DraggingPlanes</a>[eventData.pointerId] = canvas.GetComponent&lt;RectTransform&gt;();</div>
<div class="line"><a name="l00040"></a><span class="lineno">   40</span>&#160; </div>
<div class="line"><a name="l00041"></a><span class="lineno">   41</span>&#160;        <a class="code" href="class_drag_image.html#a3ecb81b3150e62caf27e8bd4cd10850f">SetDraggedPosition</a>(eventData);</div>
<div class="line"><a name="l00042"></a><span class="lineno">   42</span>&#160;    }</div>
<div class="line"><a name="l00043"></a><span class="lineno">   43</span>&#160; </div>
<div class="line"><a name="l00044"></a><span class="lineno"><a class="line" href="class_drag_image.html#a75364aa82ec8dccbc69c3b8ce725a950">   44</a></span>&#160;    <span class="keyword">public</span> <span class="keywordtype">void</span> <a class="code" href="class_drag_image.html#a75364aa82ec8dccbc69c3b8ce725a950">OnDrag</a>(PointerEventData eventData)</div>
<div class="line"><a name="l00045"></a><span class="lineno">   45</span>&#160;    {  </div>
<div class="line"><a name="l00046"></a><span class="lineno">   46</span>&#160;        <span class="keywordflow">if</span> (<a class="code" href="class_drag_image.html#af778a9c4debd5929d7e224a70f02fee0">m_DraggingIcons</a>.ContainsKey(eventData.pointerId))</div>
<div class="line"><a name="l00047"></a><span class="lineno">   47</span>&#160;        {</div>
<div class="line"><a name="l00048"></a><span class="lineno">   48</span>&#160;            <a class="code" href="class_drag_image.html#a3ecb81b3150e62caf27e8bd4cd10850f">SetDraggedPosition</a>(eventData);</div>
<div class="line"><a name="l00049"></a><span class="lineno">   49</span>&#160;        }</div>
<div class="line"><a name="l00050"></a><span class="lineno">   50</span>&#160;    }</div>
<div class="line"><a name="l00051"></a><span class="lineno">   51</span>&#160; </div>
<div class="line"><a name="l00052"></a><span class="lineno"><a class="line" href="class_drag_image.html#a3ecb81b3150e62caf27e8bd4cd10850f">   52</a></span>&#160;    <span class="keyword">private</span> <span class="keywordtype">void</span> <a class="code" href="class_drag_image.html#a3ecb81b3150e62caf27e8bd4cd10850f">SetDraggedPosition</a>(PointerEventData eventData)</div>
<div class="line"><a name="l00053"></a><span class="lineno">   53</span>&#160;    {</div>
<div class="line"><a name="l00054"></a><span class="lineno">   54</span>&#160;        GameObject draggingIcon;</div>
<div class="line"><a name="l00055"></a><span class="lineno">   55</span>&#160;        <span class="keywordflow">if</span> (!<a class="code" href="class_drag_image.html#af778a9c4debd5929d7e224a70f02fee0">m_DraggingIcons</a>.TryGetValue(eventData.pointerId, out draggingIcon)) { <span class="keywordflow">return</span>; } <span class="comment">//字典还能这么用，学到了</span></div>
<div class="line"><a name="l00056"></a><span class="lineno">   56</span>&#160; </div>
<div class="line"><a name="l00057"></a><span class="lineno">   57</span>&#160;        var rectTransform = draggingIcon.GetComponent&lt;RectTransform&gt;();</div>
<div class="line"><a name="l00058"></a><span class="lineno">   58</span>&#160;        var raycastResult = eventData.pointerCurrentRaycast;</div>
<div class="line"><a name="l00059"></a><span class="lineno">   59</span>&#160; </div>
<div class="line"><a name="l00060"></a><span class="lineno">   60</span>&#160;        <span class="comment">//Debug.Log(&quot;dragOnSurfaces: &quot; + dragOnSurfaces);</span></div>
<div class="line"><a name="l00061"></a><span class="lineno">   61</span>&#160;        <span class="comment">//Debug.Log(&quot;raycastResult.isValid: &quot; + raycastResult.isValid);</span></div>
<div class="line"><a name="l00062"></a><span class="lineno">   62</span>&#160;        <span class="comment">//if (raycastResult.isValid)</span></div>
<div class="line"><a name="l00063"></a><span class="lineno">   63</span>&#160;        <span class="comment">//{</span></div>
<div class="line"><a name="l00064"></a><span class="lineno">   64</span>&#160;        <span class="comment">//    Debug.Log(&quot;raycast object: &quot; + raycastResult.gameObject.name);</span></div>
<div class="line"><a name="l00065"></a><span class="lineno">   65</span>&#160;        <span class="comment">//}</span></div>
<div class="line"><a name="l00066"></a><span class="lineno">   66</span>&#160;        <span class="comment">//Debug.Log(&quot;raycastResult.worldNormal.sqrMagnitude: &quot; + raycastResult.worldNormal.sqrMagnitude.ToString());</span></div>
<div class="line"><a name="l00067"></a><span class="lineno">   67</span>&#160; </div>
<div class="line"><a name="l00068"></a><span class="lineno">   68</span>&#160;        <span class="keywordflow">if</span> (<a class="code" href="class_drag_image.html#a25a518b0d776582c0bf370ce66752163">dragOnSurfaces</a> &amp;&amp; raycastResult.isValid &amp;&amp; raycastResult.worldNormal.sqrMagnitude &gt;= 0.0000001f)</div>
<div class="line"><a name="l00069"></a><span class="lineno">   69</span>&#160;        {</div>
<div class="line"><a name="l00070"></a><span class="lineno">   70</span>&#160;            <span class="comment">// When raycast hit something, place the dragged image at the hit position</span></div>
<div class="line"><a name="l00071"></a><span class="lineno">   71</span>&#160;            <span class="comment">// Notice that if raycast performed by GraphicRaycaster module, worldNormal is not assigned (see GraphicRaycaster for more detail)</span></div>
<div class="line"><a name="l00072"></a><span class="lineno">   72</span>&#160;            rectTransform.position = raycastResult.worldPosition + raycastResult.worldNormal * 0.01f; <span class="comment">// add a little distance to avoid z-fighting</span></div>
<div class="line"><a name="l00073"></a><span class="lineno">   73</span>&#160;            rectTransform.rotation = Quaternion.LookRotation(raycastResult.worldNormal, raycastResult.gameObject.transform.up);</div>
<div class="line"><a name="l00074"></a><span class="lineno">   74</span>&#160;        }</div>
<div class="line"><a name="l00075"></a><span class="lineno">   75</span>&#160;        <span class="keywordflow">else</span> </div>
<div class="line"><a name="l00076"></a><span class="lineno">   76</span>&#160;        {</div>
<div class="line"><a name="l00077"></a><span class="lineno">   77</span>&#160;            RectTransform plane;</div>
<div class="line"><a name="l00078"></a><span class="lineno">   78</span>&#160;            <span class="keywordflow">if</span> (<a class="code" href="class_drag_image.html#a25a518b0d776582c0bf370ce66752163">dragOnSurfaces</a> &amp;&amp; eventData.pointerEnter != <span class="keyword">null</span> &amp;&amp; eventData.pointerEnter.transform is RectTransform)</div>
<div class="line"><a name="l00079"></a><span class="lineno">   79</span>&#160;            {</div>
<div class="line"><a name="l00080"></a><span class="lineno">   80</span>&#160;                plane = eventData.pointerEnter.transform as RectTransform;  <span class="comment">// as:强制类型转换</span></div>
<div class="line"><a name="l00081"></a><span class="lineno">   81</span>&#160;            }</div>
<div class="line"><a name="l00082"></a><span class="lineno">   82</span>&#160;            <span class="keywordflow">else</span></div>
<div class="line"><a name="l00083"></a><span class="lineno">   83</span>&#160;            {</div>
<div class="line"><a name="l00084"></a><span class="lineno">   84</span>&#160;                plane = <a class="code" href="class_drag_image.html#ace12841ec549dfb24243a30a2c244e09">m_DraggingPlanes</a>[eventData.pointerId];</div>
<div class="line"><a name="l00085"></a><span class="lineno">   85</span>&#160;            }</div>
<div class="line"><a name="l00086"></a><span class="lineno">   86</span>&#160; </div>
<div class="line"><a name="l00087"></a><span class="lineno">   87</span>&#160;            Vector3 globalMousePos;</div>
<div class="line"><a name="l00088"></a><span class="lineno">   88</span>&#160;            <span class="keywordflow">if</span> (RectTransformUtility.ScreenPointToWorldPointInRectangle(plane, eventData.position, eventData.pressEventCamera, out globalMousePos))</div>
<div class="line"><a name="l00089"></a><span class="lineno">   89</span>&#160;            {</div>
<div class="line"><a name="l00090"></a><span class="lineno">   90</span>&#160;                rectTransform.position = globalMousePos;</div>
<div class="line"><a name="l00091"></a><span class="lineno">   91</span>&#160;                rectTransform.rotation = plane.rotation;</div>
<div class="line"><a name="l00092"></a><span class="lineno">   92</span>&#160;            }</div>
<div class="line"><a name="l00093"></a><span class="lineno">   93</span>&#160;        }</div>
<div class="line"><a name="l00094"></a><span class="lineno">   94</span>&#160;    }</div>
<div class="line"><a name="l00095"></a><span class="lineno">   95</span>&#160; </div>
<div class="line"><a name="l00096"></a><span class="lineno"><a class="line" href="class_drag_image.html#ad12089b4bd89547d610bc290004e4af4">   96</a></span>&#160;    <span class="keyword">public</span> <span class="keywordtype">void</span> <a class="code" href="class_drag_image.html#ad12089b4bd89547d610bc290004e4af4">OnEndDrag</a>(PointerEventData eventData)</div>
<div class="line"><a name="l00097"></a><span class="lineno">   97</span>&#160;    {</div>
<div class="line"><a name="l00098"></a><span class="lineno">   98</span>&#160;        <span class="keywordflow">if</span> (<a class="code" href="class_drag_image.html#af778a9c4debd5929d7e224a70f02fee0">m_DraggingIcons</a>[eventData.pointerId] != <span class="keyword">null</span>)</div>
<div class="line"><a name="l00099"></a><span class="lineno">   99</span>&#160;        {</div>
<div class="line"><a name="l00100"></a><span class="lineno">  100</span>&#160;            Destroy(<a class="code" href="class_drag_image.html#af778a9c4debd5929d7e224a70f02fee0">m_DraggingIcons</a>[eventData.pointerId]);</div>
<div class="line"><a name="l00101"></a><span class="lineno">  101</span>&#160;        }</div>
<div class="line"><a name="l00102"></a><span class="lineno">  102</span>&#160; </div>
<div class="line"><a name="l00103"></a><span class="lineno">  103</span>&#160;        <a class="code" href="class_drag_image.html#af778a9c4debd5929d7e224a70f02fee0">m_DraggingIcons</a>[eventData.pointerId] = <span class="keyword">null</span>;</div>
<div class="line"><a name="l00104"></a><span class="lineno">  104</span>&#160;    }</div>
<div class="line"><a name="l00105"></a><span class="lineno">  105</span>&#160;}</div>
<div class="ttc" id="aclass_drag_image_html"><div class="ttname"><a href="class_drag_image.html">DragImage</a></div><div class="ttdef"><b>Definition:</b> <a href="_drag_image_8cs_source.html#l00007">DragImage.cs:8</a></div></div>
<div class="ttc" id="aclass_drag_image_html_a25a518b0d776582c0bf370ce66752163"><div class="ttname"><a href="class_drag_image.html#a25a518b0d776582c0bf370ce66752163">DragImage.dragOnSurfaces</a></div><div class="ttdeci">bool dragOnSurfaces</div><div class="ttdef"><b>Definition:</b> <a href="_drag_image_8cs_source.html#l00009">DragImage.cs:9</a></div></div>
<div class="ttc" id="aclass_drag_image_html_a3ecb81b3150e62caf27e8bd4cd10850f"><div class="ttname"><a href="class_drag_image.html#a3ecb81b3150e62caf27e8bd4cd10850f">DragImage.SetDraggedPosition</a></div><div class="ttdeci">void SetDraggedPosition(PointerEventData eventData)</div><div class="ttdef"><b>Definition:</b> <a href="_drag_image_8cs_source.html#l00052">DragImage.cs:52</a></div></div>
<div class="ttc" id="aclass_drag_image_html_a5fc273459dc3290468fe9f1d389e94f2"><div class="ttname"><a href="class_drag_image.html#a5fc273459dc3290468fe9f1d389e94f2">DragImage.OnBeginDrag</a></div><div class="ttdeci">void OnBeginDrag(PointerEventData eventData)</div><div class="ttdef"><b>Definition:</b> <a href="_drag_image_8cs_source.html#l00014">DragImage.cs:14</a></div></div>
<div class="ttc" id="aclass_drag_image_html_a75364aa82ec8dccbc69c3b8ce725a950"><div class="ttname"><a href="class_drag_image.html#a75364aa82ec8dccbc69c3b8ce725a950">DragImage.OnDrag</a></div><div class="ttdeci">void OnDrag(PointerEventData eventData)</div><div class="ttdef"><b>Definition:</b> <a href="_drag_image_8cs_source.html#l00044">DragImage.cs:44</a></div></div>
<div class="ttc" id="aclass_drag_image_html_ace12841ec549dfb24243a30a2c244e09"><div class="ttname"><a href="class_drag_image.html#ace12841ec549dfb24243a30a2c244e09">DragImage.m_DraggingPlanes</a></div><div class="ttdeci">Dictionary&lt; int, RectTransform &gt; m_DraggingPlanes</div><div class="ttdef"><b>Definition:</b> <a href="_drag_image_8cs_source.html#l00012">DragImage.cs:12</a></div></div>
<div class="ttc" id="aclass_drag_image_html_ad12089b4bd89547d610bc290004e4af4"><div class="ttname"><a href="class_drag_image.html#ad12089b4bd89547d610bc290004e4af4">DragImage.OnEndDrag</a></div><div class="ttdeci">void OnEndDrag(PointerEventData eventData)</div><div class="ttdef"><b>Definition:</b> <a href="_drag_image_8cs_source.html#l00096">DragImage.cs:96</a></div></div>
<div class="ttc" id="aclass_drag_image_html_af778a9c4debd5929d7e224a70f02fee0"><div class="ttname"><a href="class_drag_image.html#af778a9c4debd5929d7e224a70f02fee0">DragImage.m_DraggingIcons</a></div><div class="ttdeci">Dictionary&lt; int, GameObject &gt; m_DraggingIcons</div><div class="ttdef"><b>Definition:</b> <a href="_drag_image_8cs_source.html#l00011">DragImage.cs:11</a></div></div>
</div><!-- fragment --></div><!-- contents -->
<!-- start footer part -->
<hr class="footer"/><address class="footer"><small>
制作者&#160;<a href="https://www.doxygen.org/index.html"><img class="footer" src="doxygen.svg" width="104" height="31" alt="doxygen"/></a> 1.9.1
</small></address>
</body>
</html>
